<template>
  <BaseButton type="input" text="导入" @click="onClick" />
  <Modal v-model:open="open">

    <UploadDragger name="file" :multiple="true" action="https://www.mocky.io/v2/5cc8019d300000980a055e76">
      <p class="ant-upload-drag-icon">
        <InboxOutlined />
      </p>
      <p class="ant-upload-text">Click or drag file to this area to upload</p>

    </UploadDragger>


  </Modal>
</template>

<script lang="ts" setup>
import { Modal, UploadDragger } from 'ant-design-vue';
import BaseButton from '../buttons/index.vue'
import { useState } from '../../utils/useState';
import { InboxOutlined } from '@ant-design/icons-vue'
const [open, setOpen] = useState(false)
const onClick = () => {
  setOpen(true)

}


</script>